<template>
    <div class="body">
        <van-collapse v-model="activeNames" class="vanbox">
            <van-collapse-item title="军政宝是什么？" name="1"
                >军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？</van-collapse-item
            >
            <van-collapse-item title="军政宝是什么？" name="2"
                >军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？</van-collapse-item
            >
            <van-collapse-item title="军政宝是什么？" name="3"
                >军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？军政宝是什么？</van-collapse-item
            >
        </van-collapse>
        <div class="zhanwei"></div>
    </div>
</template>

<script>
// import { axiosPost } from '../../axios';
// import { Toast } from 'vant';
export default {
    name: '',
    data() {
        return {
            activeNames: ['1'],
        };
    },
    computed: {},
    mounted() {},
    methods: {},
};
</script>

<style lang="less" scope>
.vanbox {
    width: 15.1467rem;
    min-height: 6rem;
    background: #ffffff;
    border-radius: 0.4267rem;
    margin: 0.4267rem auto;

    .van-collapse-item__title--expanded {
        color: #FF3B3B;
    }

    .van-collapse-item__content {
        padding: 0.576rem 1.0667rem 0.9813rem;
        background-color: #fff;
        font-size: 0.5973rem;
        font-weight: 400;
        color: #666666;
        line-height: 0.896rem;
    }

    .van-cell__left-icon,
    .van-cell__right-icon {
        width: 0.576rem;
        height: 0.32rem;
        font-size: 0.8rem;
        line-height: 2.1333rem;
        color: #CCCCCC;
    }
}
.van-cell {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0.64rem;
    overflow: hidden;
    line-height: 2.1333rem;
    background-color: #fff;
    height: 2.1333rem;
    font-size: 0.6827rem;
    font-weight: 400;
    color: #000000;
}
</style>
